.orderModal{
 .ant-modal-body {
 padding: 0px;
font-size: 14px;
}
}
.orderClickBtn {
    display: flex;
    flex-direction: row;
    float: right;
    margin-right: 15px;
  }
  .timeStyle {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: rgba(0, 0, 0, 1);
    padding-left: 20px;
    padding-right: 20px;
  }
  .approvedStyle {
    padding-top: 10px;
    padding-left: 10px;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: rgba(122, 122, 122, 1);
  }
  .orderRow {
    display: flex;
    flex-direction: row;
    flex-direction: column;
    float: right;
    margin-right: 40px;
    margin-top: 1%;
  }
  .timeClickBtn {
    padding-top: 9px;

  }
  .fontSize {
    padding: 5px;
  }
  .orderSearch {
    float: right;
    margin-right: 10px;
  }
  
  .orderLine{
     margin:0px
  }
  .orderTable{
    .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th,
      .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th,
      .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th,
      .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th,
      .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th,
      .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th,
      .ant-table-small
        > .ant-table-content
        > .ant-table-fixed-left
        > .ant-table-body-outer
        > .ant-table-body-inner
        > table
        > .ant-table-thead
        > tr
        > th,
      .ant-table-small
        > .ant-table-content
        > .ant-table-fixed-right
        > .ant-table-body-outer
        > .ant-table-body-inner
        > table
        > .ant-table-thead
        > tr
        > th {
        background-color:#FFF1C9 !important;
        color: black !important;
      }
      .ant-table-small > .ant-table-content > .ant-table-body {
        margin: 0;
      }
      .ant-table-small > .ant-table-content > .ant-table-footer {
        background-color: #efefef;
        border-top: 1px solid #e8e8e8;
      }
      .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-thead > tr > th, .ant-table-small > .ant-table-content > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-body > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-scroll > .ant-table-body > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-header > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-fixed-left > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td, .ant-table-small > .ant-table-content > .ant-table-fixed-right > .ant-table-body-outer > .ant-table-body-inner > table > .ant-table-tbody > tr > td {
        // background-color: red;   
        padding: 8px 1px;
        color: black !important;
    }
    }
    .light-row{
        background:#FFDFEC
    }
    .dark-row{
        background-color: #EFEFEF;
    }
    .purple-row{
      background-color: #A1A4F1;
      // color: white;
    }

     
       .check-img {
         font-size: 20px;
         margin-left: 5px;
         margin-top: 2px;
       }
       .nickName {
         margin-top: -10px;
         font-size: 10px;
       
         font-weight: 500;
         line-height: 20px;
         color: rgba(0, 0, 0, 1);
       }
       .receivables {
         padding-bottom: 12px;
         margin: 0px;
         font-size: 14px;
         padding-left: 10px;
         font-weight: 500;
         line-height: 20px;
         color: rgba(0, 0, 0, 1);
         opacity: 1;
       }
       .payable {
         padding-bottom: 12px;
         margin: 0px;
         padding-top: 16px;
         font-size: 14px;
         padding-left: 10px;
         font-weight: 500;
         line-height: 20px;
         color: rgba(0, 0, 0, 1);
         opacity: 1;
       }
       .ant-avatar-lg {
         width: 65px;
         height: 65px;
         line-height: 40px;
         border-radius: 50%;
         margin: 18px;
       }
       .cardContext {
         display: flex;
         flex-direction: column;
         text-align: center;
       }
       .cardBody {
         display: flex;
         flex-direction: row;
       }
       .topRow {
         display: flex;
         flex-direction: row;
         padding-top: 40px;
         padding-left: 22px;
       }
       .topLine {
         border-bottom: 1px solid rgba(222, 222, 222, 1);
         opacity: 1;
         height: 0;
       }
       .cardTop {
         display: flex;
         flex-direction: row;
         padding-top: 14px;
         padding-left: 24px;
       }
       .cardLine {
         width: 100%;
         height: 1px;
         background: rgba(243, 243, 243, 1);
         margin-top: 1px;
       }
       
       .titleFont {
         font-size: 14px;
         padding-top: 10px;
         font-weight: 500;
         line-height: 20px;
         color: rgba(0, 0, 0, 1);
         padding-left: 10px;
       }
       .orderCards {
         width: 320px;
         height: 210px;
         background: #FFFAF2;
         box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.16);
         border-radius: 4px;
       }
       
       .customerFont {
         font-size: 14px;
         width: 150px;
         font-weight: 500;
         line-height: 22px;
         color: rgba(0, 0, 0, 1);
         opacity: 1;
         padding-left: 8%;
         padding-top: 8%;
       }
       
       .house-container {
         overflow: auto;
         height: 600px;
       }
       .demo-loading-container {
         position: absolute;
         bottom: 40px;
         width: 100%;
         text-align: center;
       }
       .cardBottom{
        display:flex; flex-direction:row;background:#FF3838;color:white;font-size: 14px;height:40px;text-align:center;
       }
       .orderrowfooter{
        height:40px;background:rgba(209,209,209,1);position:fixed;z-index:999; bottom:0;width:100%;margin-left:-2%
      }
      .colstylea{
        background:rgba(209,209,209,1);padding-top:12px;padding-left:60px
          }
          .colstyleb{
         background:rgba(209,209,209,1);padding-left:20px;padding-top:12px
          }
          .colstylec{
          background:rgba(209,209,209,1);padding-top:12px
          }